/// @Classname : HcNoticeBarPage
/// @Author :
/// @Time : 2023-08-31 15:12
/// @Description : //todo

import 'package:flutter/material.dart';
import 'package:hc_ui/config/hc_customer_config.dart';
import 'package:hc_ui/theme/hc_common_theme.dart';
import 'package:hc_ui/utils/hc_toast_util.dart';
import 'package:hc_ui/widget/notice_bar/hc_notice_bar.dart';

class HcNoticeBarPage extends StatefulWidget {
  const HcNoticeBarPage({Key? key}) : super(key: key);

  @override
  State<HcNoticeBarPage> createState() => _HcNoticeBarPageState();
}

class _HcNoticeBarPageState extends State<HcNoticeBarPage> {
  @override
  Widget build(BuildContext context) {
    HcCommonTheme theme = HcCustomerConfig().allTheme.commonTheme;
    return Scaffold(
      backgroundColor: theme.fillPageColor,
      appBar: AppBar(
        title: const Text("通知栏"),
      ),
      body: ListView(
        padding: EdgeInsets.symmetric(
            vertical: theme.hSpacingPage, horizontal: theme.hSpacingPage),
        children: [
          HcNoticeBar(
            content: "这是普通的通知公告",
            style: HcNoticeBarStyle.normal,
          ),
          const SizedBox(
            height: 1,
          ),
          HcNoticeBar(
            style: HcNoticeBarStyle.error,
            content: "error横向文字过长时候,不会显示省略符可以手动拖动显示完全 ",
          ),
          const SizedBox(
            height: 1,
          ),
          HcNoticeBar(
            style: HcNoticeBarStyle.warning,
            content: "warning 自定义左右icon的",
            trailing: Icon(Icons.arrow_circle_right_outlined),
          ),
          const SizedBox(
            height: 1,
          ),
          HcNoticeBar(
            style: HcNoticeBarStyle.help,
            content: " help 带回调的通知公告",
            trailing: const Icon(Icons.close),
            callback: (String name) {
              HcToastUtil.showToast(context: context, text: "我点击的是:${name}");
            },
          ),
          const SizedBox(
            height: 1,
          ),
          HcNoticeBar(
            //不满一行强制滚动
            forceScroll: true,
            style: HcNoticeBarStyle.notice,
            content: "notice 不满一屏强制滚动 这是一个横向滚动的公告",
            trailing: const Icon(Icons.close),
            callback: (String name) {
              print("我点击的部位是:${name}");
            },
          ),
          const SizedBox(
            height: 1,
          ),
          HcNoticeBar(
            scrollDirection: Axis.vertical,
            duration: 6000,
            style: HcNoticeBarStyle.success,
            contentGroup: const [
              "success 纵向滚动",
              "风急天高猿啸哀，",
              "渚清沙白鸟飞回。",
              "无边落木萧萧下，",
              "不尽长江滚滚来。",
              "万里悲秋常作客，",
              "百年多病独登台。",
              "艰难苦恨繁霜鬓，",
              "潦倒新停浊酒杯。"
            ],
            callback: (String name) {
              print("我点击的部位是:${name}");
            },
          ),
          const HcNoticeBar(
            leading: Icon(Icons.r_mobiledata),
            contentWidget: Text("生态文明建设是关系中华民族永续发展的根本大计。习近平总书记指出，要把建设美丽中国摆在强国建设、民族复兴的突出位置，"),
            trailing: Icon(Icons.close),
          ),
          HcNoticeBar(
            style: HcNoticeBarStyle.warningWithButton(text: "我知道了"),
            content:
                "生态文明建设是关系中华民族永续发展的根本大计。习近平总书记指出，要把建设美丽中国摆在强国建设、民族复兴的突出位置，以高品质生态环境支撑高质量发展，加快推进人与自然和谐共生的现代化。各地坚持以习近平生态文明思想为指引，牢固树立和践行绿水青山就是金山银山的理念，以更高站位、更宽视野、更大力度，全面推进美丽中国建设。",
          ),
          const HcNoticeBar(
            maxLines: 2,
            leading: Icon(Icons.ad_units_outlined),
            content:
                "生态文明建设是关系中华民族永续发展的根本大计。习近平总书记指出，要把建设美丽中国摆在强国建设、民族复兴的突出位置，以高品质生态环境支撑高质量发展，加快推进人与自然和谐共生的现代化。各地坚持以习近平生态文明思想为指引，牢固树立和践行绿水青山就是金山银山的理念，以更高站位、更宽视野、更大力度，全面推进美丽中国建设。",
            trailing: Icon(Icons.close),
          ),
        ],
      ),
    );
  }
}
